//绘制实心矩形
var c=document.getElementById("canvas1");
var c2=c.getContext("2d");

c2.fillStyle="#829AC5";
c2.fillRect(50,50,300,200);

//绘制空心矩形
//矩形的边框宽度
c2.lineWidth="10";
//填充颜色
c2.strokeStyle="#F8D9AC";
c2.rect(50,50,300,200);
c2.stroke();

//实心圆
c2.beginPath();//起始路径
c2.arc(190,150,60,0,360,false);
c2.fillStyle="#6EC49A";
c2.fill();
c2.closePath()//结束路径


//若干实心圆
c2.beginPath();
c2.arc(100,100,30,0,360,false);
c2.fillStyle="#FFAA25";
c2.fill();
c2.closePath()

c2.beginPath();
c2.arc(100,190,30,0,360,false);
c2.fillStyle="#FFAA25";
c2.fill();
c2.closePath()


c2.beginPath();
c2.arc(300,150,30,0,360,false);
c2.fillStyle="#FFAA25";
c2.fill();
c2.closePath()
